<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <title>input标签</title>
</head>
<body>
  <!--
      input
         type:
            		-text 填写文本内容

                    -password 填写密码

                    -radio 单选框

                        单选框要实现多个内容只能选择一个，那么所有的单选框的name值必须是一致

                    -checkbox 多选框

                        多选框要实现多个内容可以选择多个，那么所有的单选框的name值必须是一致

                    -file 上传文件

                        向服务器上传本地文件数据

                    -date 日期

                        向服务器提交时间数据

                    -email 邮箱地址

                    -number 只能填写数值类型数据

                    -reset 将表单数据内容清除，并给表单数据设置默认值

                    -submit 提交按钮，将表单中的数据提交到服务器端

      select
            特点：

                1.用来或用户在页面中填写的数据。

                2.可以通过type属性来展现出不同的形式。

            select 属性：

                name：设置下拉列表的name值

            option属性：

                value: 设置列表项的值

                selected：设置下拉列表的默认值


  -->

  <form action="#" method="get">

    用户名：<input type="text" name="account" placeholder="请输入用户名" > <br>
    密码：<input type="password" name="password" placeholder="请输入密码" > <br>
    性别：<input type="radio" name="gender" value="male" > 男
          <input type="radio" name="gender" value="female"> 女
    <br>
    爱好：<input type="checkbox" name="hobby" value="1" checked> 抽烟
    <input type="checkbox" name="hobby" value="2" checked> 喝酒
    <input type="checkbox" name="hobby" value="3"> 烫头
    
    <br>
    图片：<input type="file" name="file" > <br>
    隐藏域：<input type="hidden" name="userId" > <br>
    生日：<input type="date" name="birth" > <br>
    生日：<input type="datetime-local" name="birth" > <br>
    邮箱：<input type="email" name="email" > <br>
    年龄：<input type="number" name="age" > <br>
    省份：<select name="province">
      <option value="bj">北京</option>
      <option value="sh">上海</option>
      <option value="heib">河北</option>
    </select><br>
    自我描述：
    <textarea rows="50" cols="50" >

    </textarea>

    <input type="submit" value="提交"><br>
    <input type="image" src="imgs/regbtn.jpg">




  </form>

</body>
</html>